@use './mixins' as *;

body *,
page view {
	box-sizing: border-box;
	flex-shrink: 0;
}
body {
	font-family: PingFangSC, PingFang SC, PingFangSC-Regular, Roboto,
		Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
	margin: 0;
}

uni-page-body{
	height:100%;
}

/************* flex *****************/
.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}
.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}
.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}
.justify-around {
	display: flex;
	justify-content: space-around;
}
.justify-between {
	display: flex;
	justify-content: space-between;
}
.align-start {
	display: flex;
	align-items: flex-start;
}
.align-center {
	display: flex;
	align-items: center;
}
.align-end {
	display: flex;
	align-items: flex-end;
}

/********* overflow *****************/
.overflow {
	&-hide {
		overflow: hidden;
	}

	&-y {
		overflow-y: auto;
	}

	&-x {
		overflow-x: auto;
	}
}

/******** margin ***************/
.margin-top {
	margin-top: 40rpx;
}

.margin-right {
	margin-right: 40rpx;
}
.margin-bottom {
	margin-bottom: 40rpx;
}

.margin-left {
	margin-left: 40rpx;
}

.margin-top-half {
	margin-top: 20rpx;
}

.margin-right-half {
	margin-right: 20rpx;
}
.margin-bottom-half {
	margin-bottom: 20rpx;
}

.margin-left-half {
	margin-left: 20rpx;
}

/******** padding ***************/
.padding-top {
	padding-top: 40rpx;
}

.padding-right {
	padding-right: 40rpx;
}
.padding-bottom {
	padding-bottom: 40rpx;
}

.padding-left {
	padding-left: 40rpx;
}

.padding-top-half {
	padding-top: 20rpx;
}

.padding-right-half {
	padding-right: 20rpx;
}
.padding-bottom-half {
	padding-bottom: 20rpx;
}

.padding-left-half {
	padding-left: 20rpx;
}

/******** ellipsis ***************/
.ellipsis1 {
	@include ellipsis;
}

.ellipsis2 {
	@include ellipsis(2);
}

.ellipsis3 {
	@include ellipsis(3);
}
